1、将html层级结构，抽象成树形的结构
2、使用DOM节点对象来完成对页面元素的访问和操作过程
3、访问过程，得到DOM节点对象
  document.getElementById("id属性值");
  document.getElementsByTagName("标签名");   //集合
  document.getElementsByClassName("class属性值");   //集合

  node.children //集合   node.parentNode   node.previousElementSibling
  node.firstElementChild

  4、DOM元素的属性

  node.innerHTML  获取或者设置DOM节点中的html代码
  node.innerText  获取或者设置DOM节点中的文本内容

  node.getAttribute("属性值"); //获取特定属性
  node.setAttribute("属性名","属性值")  设置特定属性属性值
  node.hasAttribute("属性名");
  node.removeAttribute("属性名");